<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>游戏列表</title>
    <link rel="stylesheet" href="css/index2.css">
    <link rel="stylesheet" href="css/iconfont.css">
</head>

<body>
    <header class="clear">
        <div class="above">
            <img src="img/pang.png" class="fl" alt="">
            <ul class="fr">
                <a href="index.html">
                    <li class="fl"><span>首页</span>
                        <p>home</p>
                    </li>
                </a>
                <a href="index2.html">
                    <li class="fl"><span>游戏</span>
                        <p>game</p>
                    </li>
                </a>
                <a href="index3.html">
                    <li class="fl"><span>案例</span>
                        <p>Case</p>
                    </li>
                </a>
                <a href="#f1">
                    <li class="fl"><span>关于我们</span>
                        <p>About us</p>
                    </li>
                </a>




                <li class="wb fl">
                    <div class="weibo">
                        <i class="iconfont iconweibo fr"></i>
                    </div>

                </li>
            </ul>

        </div>
    </header>
    <div class="banner">
        <img src="img/mali.png" alt="">
    </div>
    <nav class="clear">
        <div class="turn fl">
            <p>狂转游戏</p>
            <span>Turn mad game</span>
        </div>
        <div class="lottery fl">
            <p>抽奖游戏</p>
            <span>Lottery game</span>
        </div>
        <div class="line fl">
        </div>
    </nav>
    <div class="sort">
        <ul>
            <a href="#all">
                <li>ALL</li>
            </a>
            <a href="#1">
                <li>最新游戏</li>
            </a>
            <a href="#2">
                <li>最热游戏</li>
            </a>
            <a href="#3">
                <li>购买最多</li>
            </a>
        </ul>
        <img src="img/mushroom.png" alt="">
    </div>
    <div class="wrapper">
        <a id="all"></a>
        <div class="one">
            <a id="1"></a>
            <div class="sword">
                <div class="dsc">
                    <h2>剑圣传奇</h2>
                    <button>购买</button>
                    <p>2014.07.09</p>
                    <p>使用次数:20</p>
                    <img src="img/star.png" class="star" alt="">
                    <div class="monster">
                        <img src="img/sword.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="two">
            <div class="sword">
                <div class="dsc">
                    <h2>剑圣传奇</h2>
                    <button>购买</button>
                    <p>2014.07.09</p>
                    <p>使用次数:20</p>
                    <img src="img/star.png" class="star" alt="">
                    <div class="monster">
                        <img src="img/ice.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="three">
            <div class="sword">
                <div class="dsc">
                    <h2>剑圣传奇</h2>
                    <button>购买</button>
                    <p>2014.07.09</p>
                    <p>使用次数:20</p>
                    <img src="img/star.png" class="star" alt="">
                    <div class="monster">
                        <img src="img/king.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="four">
            <a id="2"></a>
            <div class="sword">
                <div class="dsc">
                    <h2>剑圣传奇</h2>
                    <button>购买</button>
                    <p>2014.07.09</p>
                    <p>使用次数:20</p>
                    <img src="img/star.png" class="star" alt="">
                    <div class="monster">
                        <img src="img/kongfu.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="five">
            <div class="sword">
                <div class="dsc">
                    <h2>剑圣传奇</h2>
                    <button>购买</button>
                    <p>2014.07.09</p>
                    <p>使用次数:20</p>
                    <img src="img/star.png" class="star" alt="">
                    <div class="monster">
                        <img src="img/bellyfish.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="six">
            <div class="sword">
                <div class="dsc">
                    <h2>剑圣传奇</h2>
                    <button>购买</button>
                    <p>2014.07.09</p>
                    <p>使用次数:20</p>
                    <img src="img/star.png" class="star" alt="">
                    <div class="monster">
                        <img src="img/tree.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="seven">
            <a id="3"></a>
            <div class="sword">
                <div class="dsc">
                    <h2>剑圣传奇</h2>
                    <button>购买</button>
                    <p>2014.07.09</p>
                    <p>使用次数:20</p>
                    <img src="img/star.png" class="star" alt="">
                    <div class="monster">
                        <img src="img/country.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="eight">
            <div class="sword">
                <div class="dsc">
                    <h2>剑圣传奇</h2>
                    <button>购买</button>
                    <p>2014.07.09</p>
                    <p>使用次数:20</p>
                    <img src="img/star.png" class="star" alt="">
                    <div class="monster">
                        <img src="img/dark.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="nine">
            <div class="sword">
                <div class="dsc">
                    <h2>剑圣传奇</h2>
                    <button>购买</button>
                    <p>2014.07.09</p>
                    <p>使用次数:20</p>
                    <img src="img/star.png" class="star" alt="">
                    <div class="monster">
                        <img src="img/dstar.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="page clear">
        <div class="leftarrow fl">
            <i class="iconfont iconzuojiantou"></i>
        </div>
        <ul class="squre">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
            <li>······</li>
            <li>12</li>
        </ul>
        <div class="rightarrow fr">
            <i class="iconfont iconarrow_right"></i>
        </div>

    </div>

    <img src="img/hand.png" class="hand" alt="">
    <img src="img/plug.png" class="plug" alt="">

    <footer>
        <a id="f1"></a>
        <div class="copy">
            <p>Copyright © 2014 Pangtang. All Rights Reserved. 版权所有</p>
            <img src="img/ta.png" class="ta" alt="">
            <img src="img/mic.png" class="mic" alt="">
        </div>

    </footer>

</body>

</html>